<template>



    <div class="stars">
        <img v-for="(item2, ydx2) in 5" :key="ydx2" :src="item2 <= numStar ? yellow : gray"
            :style="{ height: size + 'px', width: size + 'px' }" @click="onSetStars('e', ydx2)">
    </div>

</template>

<script lang="ts" setup>
import yellow from '@/assets/Imgs/yellow.png'
import gray from '@/assets/Imgs/gray.png'
import type { he } from 'element-plus/es/locales.mjs';
defineProps({
    numStar: { default: 0 },
    size: { default: 14 }
})
</script>

<style lang="scss" scoped>
.stars {
    display: flex;

    img {
        margin-right: 5px;
    }
}
</style>